<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>ExtInfoWindow v1.0 Reference</title>
    <link rel="stylesheet" type="text/css" href="http://code.google.com/css/codesite.css"></link>
    <link rel="stylesheet" type="text/css" href="../../util/docs/template/local_extensions.css"></link>
  </head>
  <body>
    <h1>ExtInfoWindow</h1>
    <p>
This class lets you add an info window to the map which mimics
    <code>GInfoWindow</code> and allows for users to skin it via CSS.
    Additionally it has options to pull in HTML content from an ajax request,
    triggered when a user clicks on the associated marker.</p>
    
      <h2><a name="ExtInfoWindow"></a>namespace ExtInfoWindow</h2>
      <p>
This class is used to create a custom info window that will mimic the
    behavior of the standard <code>GInfoWindow</code>.  Additionally this class
    lets you easily theme your <code>GInfoWindow</code> through CSS id attributes
    and even asynchronously pull content from a supplied url in the
    constructor options, giving the user a more control over every aspect of
    the <code>GInfoWindow</code>.  <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> has no constructor. It is
    created by <code>GMarker.openExtInfoWindow</code>.</p>
      
        <h3>Methods</h3>
        <table summary="namespace ExtInfoWindow - Methods" width="90%">
          
          <tbody>
            <tr>
              <th>Methods</th>
              
                
                  <th>Return&nbsp;Value</th>
                
              
              <th>Description</th>
            </tr>
            
              <tr class="odd">
                <td><code>resize()</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>Recalculate the size of the info window and reposition the map if required.
    This method is important to use if you are doing any kind of manipulation
    on the contents of an <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> prior to it opening or
    updating via ajax.</td>
              </tr>
            
          </tbody>
        </table>
      
    
      <h2><a name="ExtInfoWindowOptions"></a>class ExtInfoWindowOptions</h2>
      <p>This class represents optional arguments to the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> constructor.  There is no constructor for this class.  Instead, this class is instantiated as a javascript object literal.</p>
      
        <h3>Properties</h3>
        <table summary="class ExtInfoWindowOptions - Properties" width="90%">
          
          <tbody>
            <tr>
              <th>Properties</th>
              
                
                  <th>Type</th>
                
              
              <th>Description</th>
            </tr>
            
              <tr class="odd">
                <td><code>ajaxUrl</code></td>
                
                  
                    <td><code>String</code></td>
                  
                
                <td>A string of the url where the
    <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> should request HTML data.  Notice that, since the
    XmlHttpRequest object is used to execute the request, it is subject to
    the same-origin restriction of cross-site scripting, i.e. the URL must
    refer to the same server as the URL of the current document that executes
    this code. NOTE: content returned is assumed to be valid HTML content.</td>
              </tr>
            
              <tr class="even">
                <td><code>beakOffset</code></td>
                
                  
                    <td><code>Number</code></td>
                  
                
                <td>The number of pixels a the beak, or pointer
    end, of the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> should be moved up vertically. This is
    useful when working with an <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> with a border.  The default value is <code>0</code>.</td>
              </tr>
            
              <tr class="odd">
                <td><code>paddingX</code></td>
                
                  
                    <td><code>Number</code></td>
                  
                
                <td>The number, in pixels, that
    <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> should pad on the left and right sides when
    positioning itself inside the viewable map region.  The default value is <code>0</code>.</td>
              </tr>
            
              <tr class="even">
                <td><code>paddingY</code></td>
                
                  
                    <td><code>Number</code></td>
                  
                
                <td>The number, in pixels, that
    <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> should pad on the top and bottom sides when
    positioning itself inside the viewable map region.  The default value is <code>0</code>.</td>
              </tr>
            
          </tbody>
        </table>
      
    
      <h2><a name="GMap2"></a>class GMap2</h2>
      <p>These are the new methods added on to the <code><a href="reference.html#GMap2">GMap2</a></code> class. For
    further details on the <code><a href="reference.html#GMap2">GMap2</a></code> class please visit the official
    <a href="http://www.google.com/apis/maps/documentation/reference.html">
    Google Maps API documents</a>.</p>
      
        <h3>Methods</h3>
        <table summary="class GMap2 - Methods" width="90%">
          
          <tbody>
            <tr>
              <th>Methods</th>
              
                
                  <th>Return&nbsp;Value</th>
                
              
              <th>Description</th>
            </tr>
            
              <tr class="odd">
                <td><code>closeExtInfoWindow()</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>Closes the ExtInfoWindow currently open on the map.</td>
              </tr>
            
              <tr class="even">
                <td><code>getExtInfoWindow()</code></td>
                
                  
                    <td><code>ExtInfoWindow</code></td>
                  
                
                <td>Returns the instance <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> currently open on the map, or
    <code>null</code> if none exists.</td>
              </tr>
            
          </tbody>
        </table>
      
        <h3>Events</h3>
        <table summary="class GMap2 - Events" width="90%">
          
          <tbody>
            <tr>
              <th>Events</th>
              
                
                  <th>Arguments</th>
                
              
              <th>Description</th>
            </tr>
            
              <tr class="odd">
                <td><code>extinfowindowbeforeclose</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>This event is fired before the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> closes.</td>
              </tr>
            
              <tr class="even">
                <td><code>extinfowindowclose</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>This event is fired when the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> closes. The event
    <code>extinfowindowbeforeclose</code> is fired before this event.</td>
              </tr>
            
              <tr class="odd">
                <td><code>extinfowindowopen</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>This event is fired when the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> opens.</td>
              </tr>
            
              <tr class="even">
                <td><code>extinfowindowupdate</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>This event is fired when the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> is done pulling in new content from its ajax request.</td>
              </tr>
            
          </tbody>
        </table>
      
    
      <h2><a name="GMarker"></a>class GMarker</h2>
      <p>These are the new methods added on to the <code><a href="reference.html#GMarker">GMarker</a></code> class. For
    further details on the <code><a href="reference.html#GMarker">GMarker</a></code> class please visit the official
    <a href="http://www.google.com/apis/maps/documentation/reference.html">
    Google Maps API documents</a>.</p>
      
        <h3>Methods</h3>
        <table summary="class GMarker - Methods" width="90%">
          
          <tbody>
            <tr>
              <th>Methods</th>
              
                
                  <th>Return&nbsp;Value</th>
                
              
              <th>Description</th>
            </tr>
            
              <tr class="odd">
                <td><code>closeExtInfoWindow(<span class="type" title="type:  GMap2">map</span>)</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>Closes the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code>.</td>
              </tr>
            
              <tr class="even">
                <td><code>openExtInfoWindow(<span class="type" title="type:  GMap">map</span>, <span class="type" title="type:  String">cssId</span>, <span class="type" title="type:  String">html</span>, <span class="type" title="type:  ExtInfoWindowOptions">opt_opts?</span>)</code></td>
                
                  
                    <td><code>None</code></td>
                  
                
                <td>Opens the <code><a href="reference.html#ExtInfoWindow">ExtInfoWindow</a></code> over the icon of the marker. The content of
    the info window is given as a string that contains HTML text.
    Additionally, if an optional ajax url is passed, process that request to
    get the new contents of info window.</td>
              </tr>
            
          </tbody>
        </table>
      
    
    <!-- <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
    <script type="text/javascript">
      _uacct = "UA-964209-4";
      urchinTracker();
    </script> -->
  </body>
</html>
